<!DOCTYPE html>
<html>

<head lang="en">
    <meta charset="UTF-8">
    <title>场地</title>

    <link rel="stylesheet" href=../../person_home/css/mescroll.min.css>
    <link rel="stylesheet" href="css/area.css"/>
    <!--<script src="//cdn.jsdelivr.net/npm/eruda"></script>-->
    <!--<script>eruda.init();</script>-->
</head>


<body>

<div id="header">
    <!--第一部分：导航栏-->
    <header>
        <ul id="ul">

        </ul>
    </header>
    <!--第二部分：排序-->
    <div class="sort">
        <div class="sortBox">
            <div class="sortWay">
                <p>排序方式</p>
                <b></b>
            </div>
            <ul class="sdrop_down">
                <li id="hot">
                    <span>热度优先</span>
                    <span class="ok hide"></span>
                </li>
                <li id="low_price">
                    <span>低价优先</span>
                    <span class="ok hide"></span>
                </li>
                <li id="high_price">
                    <span>高价优先</span>
                    <span class="ok hide"></span>
                </li>
            </ul>
            <div class="priceRange">
                <p>价格区间</p>
                <b></b>
            </div>
            <ul class="pdrop_down">
                <li id="normal">
                    <span>不限</span>
                    <span class="ok hide"></span>
                </li>
                <li id="l_price">
                    <span>1000-5000</span>
                    <span class="ok hide"></span>
                </li>
                <li id="h_price">
                    <span>5000-10000</span>
                    <span class="ok hide"></span>
                </li>
            </ul>
            <!--筛选-->
            <!--<div class="shai choose"></div>-->
            <div class="overlay"></div>
        </div>

    </div>
</div>
<!--第三部分：主体-->
<div id="content"></div>

<!--用于适配iPhone X底部-->
<div class="footer_position"></div>

<!--模板渲染导航栏-->
<script type="text/template" id="navlistTpl">
    <li id="0" data-index="0"><a href="#" class="active">全部</a></li>
    {{each data.list as item i}}
    <li id="{{item.cat_id}}" data-index="{{i+1}}"><a href="#">{{item.cat_name}}</a></li>
    {{/each}}
</script>
<!--模板渲染主体-->
<script type="text/template" id="ListTpl">
    <div id="mescroll0" class="mescroll">
        <ul id="dataList0" class="data-list">

        </ul>
    </div>
    {{each data as item i}}
    <div id="mescroll{{i+1}}" class="mescroll hide">
        <ul id="dataList{{i+1}}" class="data-list"></ul>
    </div>
    {{/each}}
</script>
<!--模板渲染条目-->
<script type="text/template" id="datalistTpl">
    {{each data.list as item i}}
    <li id="{{item.goods_id}}" data-keywords="{{item.keywords}}">


        <div class="leftImg">
            <!--{{if item.is_hot==20}}-->
            <!--<img class="jiaobiao" src="../person/img/jiaobiao_img@3x.png" alt=""/>-->
            <!--<p>hot</p>-->
            <!--{{/if}}-->
            <img src="{{item.goods_thumb}}" alt=""/>
        </div>
        <div class="rightInfo">
            <div class="title">
                <p>{{item.goods_name}}</p>
                <p class="name">{{item.category_info.cat_name}}</p>

            </div>

            <ul>


                {{each item.goods_tag as value index}}
                <li>{{value.name}}</li>
                {{/each}}

            </ul>
            <div class="oney">
                <span class="bbbbb"><b>{{item.shop_price}}</b>/{{item.price_unit}}</span>

                <p class="address">{{item.lease_sum}}人已租</p>
            </div>

        </div>

    </li>
    {{/each}}
</script>

<script src="../../person_home/js/flexible.js"></script>
<script src="../../person_home/js/jquery-3.2.1.min.js"></script>
<script src="../../person_home/js/mescroll.min.js"></script>
<script src="../../person_home/js/template.js"></script>
<script src="../../person_home/js/url.js"></script>
<script src="../../person_home/js/isIphoneX.js"></script>
<script src="js/area.js"></script>
</body>

</html>